XF 2 Tip Special Staff Team badge in the postbit

[prvtzone]

Place this code under <xf:userbanners user="$user" tag="div" class="message-userBanner" itemprop="jobTitle" /> in message_macro

<xf:if is="{{$user.isMemberOf(3)}}">
                <div class="postbit-staff"><i class="fas fa-shield-alt"></i> Staff Team</div>
        <xf:elseif is="{{$user.isMemberOf(4)}}"/>
                <div class="postbit-staff"><i class="fas fa-shield-alt"></i> Staff Team</div>
            <xf:elseif is="{{$user.isMemberOf(4)}}"/>
                <div class="postbit-staff"><i class="fas fa-shield-alt"></i> Staff Team</div>
        </xf:if>

Place this code under extra.less

.postbit-staff {
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    color: #2be0d3;
    font-weight: bold;
    width: 150px;
    position: relative;
    overflow: hidden;
    margin-left: 25px;
    margin-top: 8px;
    margin-bottom: 8px;
}

All Code Credits Goes to : @Verss

 

[DareSec]

move badge left to the end

 

[prvtzone]

i set this position because i didnt liked left to the end, but people can change the position by changing the css code.

 

[anonnsec]

first of all how to make this

View attachment 14208

the image one ?

 

[ENXF NET]

He and all related are prohibited here

 

[anonnsec]

sad

 

[jhoancito]

and so that it comes out below where it is added